

import { Component, OnInit } from '@angular/core';
import { _HttpClient } from '@delon/theme';


@Component({
  selector: 'app-test01-test0101',
  templateUrl: './test0101.component.html',
})
export class Test01Test0101Component implements OnInit {

  isVisible = false;

  ngOnInit() {

  }

  showModal(): void {
    this.isVisible = true;
  }

  handleOk(): void {
    console.log('关闭');
    this.isVisible = false;
  }

  handleCancel(): void {
    console.log('关闭');
    this.isVisible = false;
  }


  show1() {
    document.getElementById("div1").style.display='block';
    document.getElementById("div2").style.display='none';
    document.getElementById("div3").style.display='none';
    document.getElementById("div4").style.display='none';
  }

  show2() {
    document.getElementById("div1").style.display='none';
    document.getElementById("div2").style.display='block';
    document.getElementById("div3").style.display='none';
    document.getElementById("div4").style.display='none';
  }

  show3() {
    document.getElementById("div1").style.display='none';
    document.getElementById("div2").style.display='none';
    document.getElementById("div3").style.display='block';
    document.getElementById("div4").style.display='none';
  }
  show4() {
    document.getElementById("div1").style.display='none';
    document.getElementById("div2").style.display='none';
    document.getElementById("div3").style.display='none';
    document.getElementById("div4").style.display='block';
  }



}

